.mine-index{
  .mine-list{
    width: 100%;
    height: 250/2.88/50rem;
    background-color: #fff;
    display: flex;

    div{
      flex-grow: 1;
      text-align: center;
      position: relative;

      a{
        color:#333;
      }
      img{
        width: 100/2.88/50rem;
        height: 90/2.88/50rem;
        margin-top: 50/2.88/50rem;
        vertical-align: top;
      }

      span{
        top: 160/2.88/50rem;
        left: 60/2.88/50rem;
        font-size: 35/2.88/50rem;
        position: absolute;

      }
    }

  }

  .mine-lists{
    width: 100%;
    height: 750/2.88/50rem;
    background-color: #fff;

    ul{
      width: 1010/2.88/50rem;
      height: 100%;
      margin: 0 auto;

      li{
        height: 150/2.88/50rem;
        width: 100%;
        border-bottom: 1/2.88/50rem solid #ddd;
        position: relative;

        a{
          color:#333;
        }

        img{
          width: 40/2.88/50rem;
          height: 40/2.88/50rem;
          vertical-align: top;
          margin-top: 65/2.88/50rem;
          margin-left: 20/2.88/50rem;
        }

        span{
          position: absolute;
          top: 55/2.88/50rem;
          left: 80/2.88/50rem;
          font-size: 40/2.88/50rem;
          text-align: center;
        }

        .mine-imgleft{
          position: absolute;
          top: 0;
          right: 0;
          width: 40/2.88/50rem;
          height: 60/2.88/50rem;
        }
      }
    }
  }
}
